<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <div class="page-group">
        <div class="page page_login_public page_login">
            <div th:replace="layout/m_layout::title(${title})"></div>
            <div class="page-content">
                <div class="banner">
                    <div class="bg" style="background-image: url(/m/img/login_banner.jpg)"></div>
                </div>
                <div class="loginway" way="password">
                    <div class="loginway-navs">
                        <div class="group">
                            <a class="item" way="password" onClick="$('.loginway').attr('way','password')">密码登录</a>
                            <a class="item" way="mobile" onClick="$('.loginway').attr('way','mobile')">手机登录</a>
                            <!--                            <a class="item" way="email" onClick="$('.loginway').attr('way','email')">邮箱登录</a>-->
                        </div>
                    </div>

                    <div class="loginway-contet">
                        <div class="loginway-item item-password" way="password">
                            <form action="/m/ajax/user/login" bottlecms-form-ajax="" class="loginform"
                                  method="post" onsubmit="return checkPassword()" id="form_password">
                                <input bottlecms-input type="hidden" name="way" value="password"/>
                                <input type="hidden" name="openid" th:value="${openid}">
                                <div class="bcui-form" style="padding-top: .5rem;">

                                    <div class="form-item">
                                        <input bottlecms-input type="text" name="username" id="username" value=""
                                               placeholder="用户名/手机号/邮箱"/>
                                        <i class="ricon icon-bottlecms-45"></i>
                                    </div>
                                    <div class="form-item">
                                        <input bottlecms-input type="password" name="password" id="password" value=""
                                               placeholder="登录密码"/>
                                        <i class="ricon icon-bottlecms-46"></i>
                                    </div>
                                    <div class="form-item">
                                        <button class="btn  form-submit" type="submit">
                                            登录
                                        </button>
                                    </div>
                                    <div class="form-item" style="">
                                        <div class="ub-f1" style="text-align: right;"><a
                                                th:href="'/m/register'+${openid==null?'':'?openid='+openid}"
                                                style="color: #999;font-size: .75rem;">没有账号？立即注册>></a></div>
                                    </div>

                                </div>
                            </form>
                        </div>

                        <div class="loginway-item item-mobile" way="mobile">
                            <form action="/m/ajax/user/login" bottlecms-form-ajax="" class="loginform2"
                                  method="post" onsubmit="return checkMobile()" id="form_mobile">
                                <input bottlecms-input type="hidden" name="way"value="mobile"/>
                                <input type="hidden" name="openid" th:value="${openid}">
                                <div class="bcui-form" style="padding-top: .5rem;">

                                    <div class="form-item">
                                        <input bottlecms-input type="number" name="mobile" id="mobile" value="" placeholder="手机号"/>
                                        <i class="ricon icon-bottlecms-45"></i>
                                    </div>
                                    <div class="form-item ub">
                                        <div class="ub ub-f1" style="margin-right: .5rem;">
                                            <input bottlecms-input type="number" name="smsyzm" id="smsyzm" value=""
                                                   placeholder="验证码" maxlength="6"
                                                   oninput="if(value.length>6)value=value.slice(0,6)"/>
                                            <i class="ricon icon-bottlecms-47"></i>
                                        </div>
                                        <div class="ub ub-ac">
                                            <button class="btn btn-warning btn-sm sendSms" type="button">
                                                发送验证码
                                            </button>
                                        </div>
                                    </div>
                                    <div class="form-item">
                                        <button class="btn  form-submit" type="submit">
                                            登录
                                        </button>
                                    </div>
                                    <div class="form-item">

                                        <div class="ub-f1" style="text-align: right;"><a
                                                href="/m/register"
                                                style="color: #999;font-size: .75rem;">没有账号？立即注册>></a></div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="oauthway">
                    <div class="oauthway-title">
                        ———
                        <sopa>其他登陆方式</sopa>
                        ———
                    </div>
                    <div class="oauthsbox">
                        <div class="oauths">
                            <!--                            <div class="item">-->
                            <!--                                <a class="external" href="https://demo.bottlecms.com/m/oauth/qq">-->
                            <!--                                    <img class="icon" src="/m/img/qq.png">-->
                            <!--                                    <h6 class="tit">QQ</h6>-->
                            <!--                                </a>-->
                            <!--                            </div>-->

                        </div>
                    </div>


                </div>

                <div style="height: 60px;"></div>


            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script id="javascript-bottlecms-page" src="/m/js/user/login.js" type="text/javascript"></script>
</div>
</html>
